<template>
  <div class="button-node">
    <h3 style="margin: 0 0 8px 0; color: #2ecc71">按钮节点</h3>
    <button @click="handleClick" style="padding: 4px 8px">点击触发</button>
  </div>
</template>

<script>
export default {
  name: "CustomButtonNode",
  methods: {
    handleClick() {
      alert("自定义节点按钮被点击！\n（这是Vue组件的事件响应）");
    }
  }
}
</script>

<style scoped>
.button-node {
  padding: 12px;
  border: 2px solid #2ecc71;
  border-radius: 6px;
  background: #f8f9fa;
  width: 200px;
}
</style>
